﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../css/public.css">
    <title>2016年会方案研讨</title>
    <style>
        html,body{
            width:100%;
            height:100%;
        }
        .containerparty{
            width:90%;
            /*height:100%;*/
            margin:0 auto;
            position:relative;
        }
        h2{
            text-align: center;
            font-size:22px;
            font-weight: 100;
            color:rgb(80,80,80);
            padding:16px 0;
        }
        .contenttext{
            color:rgb(100,100,100);
            padding-bottom: 30px;
            border-bottom: 2px solid rgb(230,230,230);
        }
        .text{
            text-indent: 2em;
            padding:10px 0;
            font-size:16px;
        }
        .time{
            font-size:16px;
            padding:7px 0;
            border-top:2px solid rgb(230,230,230);
            border-bottom:2px solid rgb(230,230,230);
        }
        .meettime{

        }
        .today{
            float:right;
            color:rgb(46,182,185);
        }
        .fl{
            width:33%;
            float:left;
        }
        .fl1{
            width:33%;
            float:left;
            padding:14px 0;
        }
        .mp{
            margin:8px 0;
            padding:6px 0;
        }
        .bdl{
            border-left:1px solid rgb(230,230,230);
        }
        .bdl2{
            border-left:2px solid rgb(46,182,185);
        }
        .fcp{
            color:rgb(46,182,185);
            padding:0 8px;
        }
        .icon{
            float:right;
            width:24px;
            margin-top:-4px;
        }
        .wicon{
            width:30px;
            margin-bottom:-8px;
            padding-right: 2em;
        }
        .tc{
            text-align: center;
            color:rgb(46,182,185);
            font-size: 22px;
        }
        .kaoqin{
            position: absolute;
            bottom: 0;
            width:100%;
        }
        .p{
            padding:12px 0;
        }
        .data{
            border-bottom: 2px solid rgb(230,230,230);
        }
        .bdb{
            border-bottom: 2px solid rgb(230,230,230);
        }
        h1{
            color:#fff;
        }
        .tleheader{
            background: rgb(46,182,185);
            border:none;
        }
        .fb{
            padding:0;
            margin-left: -5%;
            border:none;
        }
        .pdy8{
            padding:4px 0;
        }
        .bdr6{
            border-radius: 6px;
        }
    </style>
</head>
<body>
    <header class="tleheader pr">
        <p class="backbtn"><a style="margin:0;">
            <img src="../icon/arrow/zjt.PNG" class="backpic" alt="">
            <span>返回</span></a>
        </p>
        <h1 class="tc" style="border: none;padding:0;color:#fff;">2016年会方案研讨</h1>
        <p class="somebtn">
            <a id="btn4">编辑</a>
        </p>
        <div class="pa cw fs14 bdr6" id="b4" style="top:50px;right:20px;padding:4px 2em;background: rgba(0,0,0,0.6);z-index: 2;display: none;">
            <p class="pdy8">
                <img src="../icon/fbhy.png" class="wicon" alt="">
                会议延时
            </p>
            <p class="pdy8">
                <img src="../icon/fbhy.png" class="wicon" alt="">
                会议开始
            </p>
            <p class="pdy8">
                <img src="../icon/fbhy.png" class="wicon" alt="">
                会议结束
            </p>
            <p class="pdy8">
                <img src="../icon/fbhy.png" class="wicon" alt="">
                会议改期
            </p>
        </div>
    </header>
    <div class="containerparty" id="content">
        <h2>2016年会方案研讨</h2>
        <div class="contenttext">
            <p class="time">
                <span class="meettime">会议时间：</span> <time>2016-01-12 16:59</time>        <span class="today">今日</span>
            </p>
            <p class="text">匆匆一年，就要过年啦！XX也准备举办我们自己的年会。</p>
            <p class="text">本次会议主要商讨年方案，请通知到的相关人员准时到会，谢谢！</p>
        </div>

        <div class="data">
            <a href="hyqdxq.html">
                <div class="fl mp fs14">
                   <span class="fcp">参加</span> <img src="../icon/arrow/yjths.png" class="icon">   <span class="fr"> 3人 </span>
                </div>
                <div class="fl mp bdl fs14">
                   <span class="fcp">待定</span>     <img src="../icon/arrow/yjths.png" class="icon"> <span class="fr"> 3人 </span>
                </div>
                <div class="fl mp bdl fs14">
                    <span class="fcp">请假</span>    <img src="../icon/arrow/yjths.png" class="icon"> <span class="fr"> 3人 </span>
                </div>
            </a>
            <div class="clear bdb"></div>
            <p class="mp"><span class="fcp">会议纪要</span>     <img src="../icon/jltb.png" class="icon"></p>
        </div>

        <div class="fb">
            <!--<a href="hyhfjy.html">-->
                <div class="fl1 cb">参加</div>
            <!--</a>-->
            <!--<a href="hyqdxq.html">-->
                <div class="fl1 cb bl">请假</div>
            <!--</a>-->
            <!--<a href="hyqdxq.html">-->
                <div class="fl1 bl cb">待定</div>
            <!--</a>-->
            <div class="clear"></div>
        </div>
    </div>
<script type="text/javascript" src="../js/back.js"></script>
    <script>
        var btn4 = document.getElementById("btn4");
        var b4 = document.getElementById("b4");
        var i = 0;
        btn4.onclick = function(){
            if(i%2==0){
                b4.style.display = "block";
            }else{
                b4.style.display = "none";
            }
            i++;
        }

    </script>
</body>
</html>